
{{template "base.html" .}}

{{define "content"}}
<script>
    $("#teacher-left-que").addClass("layui-nav-itemed")
    $("#teacher-left-que dl dd").eq(1).addClass("layui-this")
</script>
<div style="padding: 60px 150px;height: 735px;" class="cardContext">

    <div class="layui-panel card layui-row PaperId" id="{{.data.Id}}">
        <div style="padding: 30px">
            <h1 style="margin-bottom: 10px">{{.data.Title}} # {{.data.Id}}</h1>
            <div>{{.data.Context}}</div>
        </div>
    </div>
<hr>
    <div class="layui-row personList">
        <div class="layui-col-md6" style="padding-right: 30px;border-right: 1px solid #d2d2d2;">
            <div class="status">通过</div>
            {{range $idx,$que := .res}}
            <li class="layui-nav-item layui-row" id="{{$que.Id}}">
                <div class="layui-panel card">
                    <div class="layui-col-md3"><img src="{{$que.Avatar}}" class="layui-nav-img"></div>
                    <div class="layui-col-md5">{{$que.Name}}</div>
                    <div class="layui-col-md2">{{$que.Score}}分</div>
                </div>
            </li>
            {{end}}
        </div>
        <div class="layui-col-md6" style="padding-left: 30px">
            <div class="status">不通过</div>
            {{range $idx,$que1 := .res2}}
            <li class="layui-nav-item layui-row" id="{{$que1.Id}}">
                <div class="layui-panel card">
                    <div class="layui-col-md3"><img src="{{$que1.Avatar}}" class="layui-nav-img"></div>
                    <div class="layui-col-md5">{{$que1.Name}}</div>
                    <div class="layui-col-md2">{{$que1.Score}}分</div>
                </div>
            </li>
            {{end}}
        </div>
    </div>
</div>
<script>
    //“完成编辑”按钮，关闭问题编辑框
    $(".personList").on('click',"li", function(e)
    {
        var recordId=this.id
        var PaperId=$(".PaperId").attr("id")
        console.log(recordId,PaperId)
        window.location.href="/teacher/stu_test/check/"+PaperId+"/"+recordId
    })
</script>
<style>
    .personList li{
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        margin-bottom: 2px;
    }
    .personList li div{
        height: 100%;
    }
    .personList img{
        height: 50px;
        width: 50px;
        border-radius: 0;
    }
    .status{
        text-align: center;
    }
    .card {
        position: relative;
        background-color: #FFF;
        border: none;
        border-radius: 6px;
        -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
        transition: all 250ms cubic-bezier(.02, .01, .47, 1);
    }
    .card:hover {
        cursor: pointer;
        box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);
        transform: translate(0,-5px);
        transition-delay: 0s !important;
    }
    .box-shadow {
        -webkit-box-shadow: 0 0.25rem 1rem rgba(48, 55, 66, 0.15);
        box-shadow: 0 4px 16px rgba(48, 55, 66, 0.15);
    }
</style>
{{end}}
